草庐IT

Flutter list.builder 不滚动

全部标签

javascript - 为所有哈希链接/调用的滚动位置添加一个自动偏移量

我有以下问题:就像在Facebook上一样,我在页面顶部有一个始终可见的菜单栏(position:fixed;)。当我现在点击我页面上的散列链接(或加载一个新的url中有散列的页面)以跳转到页面上的某个元素时,浏览器总是将该元素滚动到页面的最顶部,这意味着元素位于顶部菜单栏后面。我想添加一些Javascript(jQuery或普通Javascript),它会自动向该滚动位置添加(负)偏移量,以便链接元素位于顶部菜单栏的右下方单击链接或加载页面时。但我不只是想将事件监听器添加到处理此问题的所有链接。我还想要一个有效的解决方案,如果页面使用浏览器的地址栏加载了url中的散列部分(或者当链接

javascript - 如何获得最大文档滚动值

我正在制作一些插件,我需要获取文档的最大scrollTop值。最大scrollTop值为2001,但$(document).height()返回2668和$('body')[0].scrollHeight给我undefined。如何通过javascript/jquery获取2001?! 最佳答案 您评论中的代码应该可以工作:$(document).height()-$(window).height()这是一个在您滚动到最大滚动位置时发出警报的示例:http://jsfiddle.net/DWn7Z/

javascript - Bootstrap Accordion ,单击时滚动到事件(打开) Accordion 的顶部?

我正在使用Bootstrap制作一个响应式网站,它包含带有大量文本的Accordion,当您阅读到底部并单击下一个Accordion时,大量文本被折叠并且我留在底部页面的。我从Bootstrapaccordionscrolltotopofactivepanelheading中找到了这个有用的代码但它会滚动到所有Accordion的顶部,而不是打开的特定Accordion的顶部。JS$(function(){$('#accordion').on('shown.bs.collapse',function(e){varoffset=$('.panel.panel-default>.panel

javascript - 如何打印整个 Bootstrap 模态,其中模态主体中的内容被滚动出 View

问题是用户必须向下滚动才能查看模态主体内的所有内容。但是,当我打印模态时,唯一打印的部分是可见的部分。我想要打印整个模式的内容。我已经尝试了下一页上的每一段代码,但没有一个能打印出整个模态。TwitterBootstrap:Printcontentofmodalwindow 最佳答案 与angularjsUIBootstrap库面临同样的问题。尝试了上面提供的链接,但没有成功。当模式比视口(viewport)LONGER时,唯一对我有用的CSS是:@mediaprint{.modal{position:absolute;left:0

javascript - 如何在水平溢出的页面上向右滚动?

当用户关闭模态(特别是Foundation4中的Reveal模态)时,我想滚动到页面的最右边缘,该页面真的很宽(故意很宽)。我试过在一个完全对齐的div上设置一个id,但这显然行不通。 最佳答案 要水平滚动,您可以使用scrollLeft().$('body,html').scrollLeft(400);jQuery还支持对scrollLeft属性进行动画处理。要一直向右滚动,您将获得页面的整个宽度,减去窗口宽度以获得左边缘:varleft=$(document).outerWidth()-$(window).width();$('

点击javascript平滑滚动

我正在使用这个链接:superContent它同时做了两件事:将用户跳转到页面顶部执行其他(不相关的)ajax加载功能一切都很好,除了我想弄清楚如何让它更顺畅地滚动到顶部。我尝试添加.scroll以将其附加到我的jqueryscrollTo插件,但没有任何反应,这可能与我使用的是javascriptonclick的事实有关,而href属性完全做其他事情。有没有办法将动画平滑滚动附加到onclick="location.href='#top'"? 最佳答案 试试这个,它为scrollTop()函数设置动画。设置链接的id:linkjq

javascript - 查找页面的最大滚动位置

我已将页面主体设置为200%高,以便它适合屏幕两次。使用javascript,我让它在你滚动时一直滚动到顶部或底部。为此,我需要找出页面在任何浏览器或屏幕尺寸上的最低滚动点,以便它到达那里时停止。请不要使用JQuery。谢谢。我的代码:(它仍在组装中,因此需要一些工作)functiongetScrollXY(){varx=0,y=0;if(typeof(window.pageYOffset)=='number'){//Netscapex=window.pageXOffset;y=window.pageYOffset;}elseif(document.body&&(document.bo

javascript - 使用滚动查找所有元素

查找页面上所有具有滚动条的元素的最可靠和最有效的方法是什么?目前,我正在考虑使用element.all()与filter()比较height和scrollHeight属性值:element.all(by.xpath("//*")).filter(function(elm){returnprotractor.promise.all([elm.getAttribute("height"),elm.getAttribute("scrollHeight")]).then(function(heights){returnheights[1]>heights[0];});});但我不确定这种方法的

javascript - 如何强制用户必须在 iframe 中滚动 pdf

我在iframe中有一个pdf文件。我希望用户在提交表单之前必须在pdf文件中滚动。我正在尝试这个,varposition=$('#myIframe').contents().scrollTop();但是不工作。请帮助我提前致谢。 最佳答案 如果您不介意为您的iframe设置静态高度,我可以为您提供解决方案。HTML和CSS1.将您的iframe包装在div容器中2.为您的容器和iframe设置heights(容器的height应该是您希望看到框架的height和iframeheight应该足够大以显示整个pdf。)3.设置容器di

javascript - Webkit 滚动条动态样式

我目前正在使用Webkit的::-webkit-scrollbarCSS属性设置滚动条的样式,并希望在mousemove事件中更改这些属性。问题是我似乎无法找到动态获取滚动条CSS的方法。是否可以通过javascript(可能使用jQuery)动态设置webkit滚动条的样式? 最佳答案 这个问题有一个很好的解决方法,您可以为滚动条添加多个具有不同样式的css类,然后使用Javascript动态更改这些类。例子:.red::-webkit-scrollbar{...}.blue::-webkit-scrollbar{...}在类re